{% extends "layout.html" %}


{% block title %}
钻孔
{% endblock %}

{% block style %}
<style type="text/css">
body{
  overflow: hidden;
}
</style>
{% endblock %}

{% block mainbody %}
    <canvas id="canvasTest" style ="width:256px; height:128px;display: none"></canvas>
    <div id="world" style ="width:100%; height:100%"></div>
    <div id = "tooltips" style = "width:200px; height:100px;position: absolute; z-index: 999999; display: none; background-color: #22ff22 ;color: #ffeeff;left:0px;top:0px"></div>
{% endblock %}

{% block scripts %}
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/require.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/threejs/three.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/threejs/OrbitControls.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/threejs/TweenMax.min.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='js/world.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='js/hole.js')}}"></script>
{% endblock %}